<template>
	<view class="pics">
		<scroll-view class="left" scroll-y>
			<view class="active">日韩</view>
			<view>欧美</view>
			<view>韩国</view>
			<view>俄罗斯</view>
			<view>巴西</view>
			<view>阿富汗</view>
			<view>印度</view>
			<view>泰国</view>
			<view>朝鲜</view>
			<view>德国</view>
			<view>土耳其</view>
			<view>越南</view>
		</scroll-view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page{
		height: 100%;
	}
.pics{
	height: 100%;
	.left{
		width: 200rpx;
		height: 100%;
		border-right: 1px solid #eee;
		view{
			
			height: 60px;
			line-height: 60px;
			color: #333;
			text-align: center;
			font-size: 30rpx;
			border-top: 1px solid #eee;
			
		}
		.active{
			background: $shop-color;
			color: #fff;
		}
	}

	
}
</style>
